<template>
<div>
  <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="id"
      label="编号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="phone"
      label="手机号码"
      width="180">
    </el-table-column>
    <el-table-column
      prop="email"
      label="邮箱"
      width="220">
    </el-table-column>
    <el-table-column
      prop="birthday"
      label="生日"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
  <el-pagination
    background
    layout="prev, pager, next"
    align="right"
    :total="totals"
    :page-size="pageSize"
    :current-page="currentPage"
    @current-change="currentChange"
  >
  </el-pagination>
</div>
</template>

<script>
export default {
  name: "Student",
  data(){
    return {
      totals:0,
      pageSize:5,
      currentPage:1,
      tableData:[]
    }
  },
  methods:{
    getStudents(){
      let param = {"pageSize":this.pageSize,"currentPage":this.currentPage}
      this.$http.post("/user/list",param)
        .then(result=>{
          this.tableData = result.data.rows;
          this.totals = result.data.totals;
        })
        .catch(reason => {
          alert("请求失败")
        })
    },
    currentChange(val){
      this.currentPage = val;
      this.getStudents();
    }
  },
  mounted() {
    this.getStudents();
  }
}
</script>

<style scoped>

</style>
